#a {
    widty: 100px;
    height: 220px;
    //overflow: auto;
    border: 1px solid #ccc;
    }

#a:before, #a:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;

    }

#b {
    height: 245px;
    float: left;
    border: 1px solid #ccc;
    }

#clear {
    clear: both;
    }
    
.p1 {
	width: 200px;
	background: blue;
}
	
.p2 {
	width: 200px;
	padding: 10px;
	margin: 20px;
	background: green;
}
